<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" 
	"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Ajax Loader - Simplified Version</title>
	<script type="text/javascript" src="js/jquery-1.3.1.min.js"></script>
	<script type="text/javascript" src="js/jquery.history.js"></script>
	<script type="text/javascript" src="simple.js"></script>

	<style>		
	#loading {
		background: url(images/load.gif) no-repeat;
		display:none;
	}
			
	#content {
		font-family:arial;
		font-size:11px;
	}		
        #loading {
                background: url(images/load.gif) no-repeat;
                display:none;
        }

        #content {
                font-family:arial;
                font-size:11px;
        }
	</style>

</head>
<body>


<ul id="menu">
	<li><a href="#page1" rel="ajax">Page 1</a></li> 
	<li><a href="#page2" rel="ajax">Page 2</a></li> 
	<li><a href="#page3" rel="ajax">Page 3</a></li>
	<li><a href="#page4" rel="ajax">Page 4</a></li>
</ul>

<div id="loading"></div>

<div id="content">
<!-- Ajax Content -->
</div>
	

</body>
</html>
